//中文
var data_zh = ['你知道吗', '六月', '一日', '星期一', '是', '儿童节'];
//英语
var data_en = ['do you know', 'June', 'One day', 'Monday', 'Yes', 'Children\'s day'];

//左侧的文本框
var text_if = document.querySelector("#text_if");
//右侧的文本框
var text_that = document.querySelector("#text_that");
//左侧的两个按钮
var btn_if = document.querySelectorAll("#btn_if button");
//右侧的两个按钮
var btn_that = document.querySelectorAll("#btn_that button");

//默认是中文
var lang = 'zh';

//点击切换源语言的按钮
function swap() {
	//切换语言
	if(lang === 'zh') {
		lang = 'en';
	} else {
		lang = 'zh';
	}

	for(var i = 0; i < btn_if.length; i++) {
		//移除class名
		btn_if[i].classList.remove("btn-primary");
		btn_if[i].classList.remove("btn-light");
		btn_that[i].classList.remove("btn-primary");
		btn_that[i].classList.remove("btn-light");
	}

	switch(lang) {
		case 'en':
			//添加class名
			btn_if[0].classList.add("btn-light");
			btn_if[1].classList.add("btn-primary");
			btn_that[0].classList.add("btn-light");
			btn_that[1].classList.add("btn-primary");
			break;
		case 'zh':
			btn_if[0].classList.add("btn-primary");
			btn_if[1].classList.add("btn-light");
			btn_that[0].classList.add("btn-primary");
			btn_that[1].classList.add("btn-light");
			break;
	}
}

//点击翻译按钮
function res() {
	//检测中文，如果中文数据库里有这条数据，就把内容翻译
	for(var i in data_zh) {
		//中文翻译英文
		if(text_if.value === data_zh[i]) {
			//console.log("说明中文的数据库里有这条数据，我可以翻译这个中文");
			//对应的英文
			//console.log("对应的英文是："+ data_en[i]);
			//把对应的英文赋值和右侧
			text_that.value = data_en[i];

			//console.log("这条数据是中文数据库的");

			//如果语言是 en 那么久执行一次 swap() 函数
			if(lang === 'en') {
				//console.log("需要执行swap函数");
				swap();
			}
		}
	}
	//英文翻译中文
	for(var i in data_en) {
		if(text_if.value === data_en[i]) {
			text_that.value = data_zh[i];

			//console.log("这条数据是英文数据库的")

			//如果语言是 zh 那么久执行一次 swap() 函数
			if(lang === 'zh') {
				//console.log("需要执行的函数");
				swap();
			}
		}
	}
}